<!DOCTYPE html>
<html>
<head>
    <title>jQuery-Demo</title>
    <meta http-equiv="Content-Type" content="text.html; charset=utf-8">
    <script type="text/javascript" src="js/jquery.min.js">
    </script>

    <style type="text/css">
    #id{padding: 0;margin: 0;}
    .data{border:1px solid black;margin: 10px 0;}
    .cov{overflow: hidden;}
    .cov > *{float: right;width: 20%;height: 150px;line-height: 150px;text-align: center;}
    ul.cov{list-style: none;margin: 0;padding: 0;}
    .con{padding: 20px;border-radius:20px;-webkit-border-radius: 20px;}
    </style>
</head>
<body>
<div id="content">
    <div class="data" id="data-1">
        <div class="cov">
            <div>1</div>
            <div>2</div>
            <div>3</div>
            <div>4</div>
            <div>5</div>
        </div>
    </div>
    <div class="data" id="data-2">
        <ul class="cov">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
    </div>
    <div class="data" id="data-3">
        <div class="con" style="background: red;">
            <div class="con" style="background: blue;">
                <div class="con" style="background: yellow;">
                    <div class="con" style="background: brown;"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="data" id="data-4">
        <ul class="cov">
            <li>
                <div class="con" style="background: red;">
                    <div class="con" style="background: blue;">
                        <div class="con" style="background: yellow;">
                            <div class="con" style="background: brown;"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="con" style="background: red;">
                    <div class="con" style="background: blue;">
                        <div class="con" style="background: yellow;">
                            <div class="con" style="background: brown;"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="con" style="background: red;">
                    <div class="con" style="background: blue;">
                        <div class="con" style="background: yellow;">
                            <div class="con" style="background: brown;"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="con" style="background: red;">
                    <div class="con" style="background: blue;">
                        <div class="con" style="background: yellow;">
                            <div class="con" style="background: brown;"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="con" style="background: red;">
                    <div class="con" style="background: blue;">
                        <div class="con" style="background: yellow;">
                            <div class="con" style="background: brown;"></div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="data" id="data-5">
        <div class="cov">
            <div style="width: 30%;float: left;">
                <div class="con" style="background: red;">
                    <div class="con" style="background: blue;">
                        <div class="con" style="background: yellow;">
                            <div class="con" style="background: brown;"></div>
                        </div>
                    </div>
                </div>
             </div>
            <div style="width: 60%;">
                <div class="con" style="background: red;">
                    <div class="con" style="background: blue;">
                        <div class="con" style="background: yellow;">
                            <div class="con" style="background: brown;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
  <script type="text/javascript" src="js/jQuery-demo.js"></script>
</body>
</html>